<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>后台管理</title>

		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/task2.css" />
	</head>

	<body>
		<div class="header navbar navbar-default" role="navigation">
			<div class="container">
				<div class="navbar-header" id="logo">
					<a class="navbar-brand" href="#">某B2B平台.卖家中心</a>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
			          <span class="sr-only">切换导航</span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
			          <span class="icon-bar"></span>
					</button>
				</div>
				<div class="collapse navbar-collapse" id="example-navbar-collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="#"><span class="glyphicon glyphicon-book"></span>报盘管理</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-list-alt"></span>订单管理</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-transfer"></span>还价信息</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-question-sign"></span>询盘信息</a>
						</li>
						<li>
							<a href="#"><span class="glyphicon glyphicon-globe"></span>期货中心</a>
						</li>
						<li class="visible-xs-block">
							<ul class="nav navbar-nav">
								<li>
									<a href="#">店铺信息</a>
								</li>
								<li>
									<a href="#">发布报盘</a>
								</li>
								<li>
									<a href="#">我的钱包</a>
								</li>
								<li>
									<a href="#">联系客服</a>
								</li>
								<li>
									<a href="#">推荐好友</a>
								</li>
								<li>
									<a href="#">发货人管理</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">
								<span class="glyphicon glyphicon-user"></span> xx店
								<button type="button">退出</button>
							</a>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<div class="container main">

			<div class="row">
				<div class="left col-lg-2 col-md-2 hidden-xs">
					<ul class="">
						<li class="console">
							<a href="#"><span class="glyphicon glyphicon-home"></span>控制台</a>
						</li>
						<li>
							<a href="#">店铺信息</a>
						</li>
						<li>
							<a href="#">发布报盘</a>
						</li>
						<li>
							<a href="#">我的钱包</a>
						</li>
						<li>
							<a href="#">联系客服</a>
						</li>
						<li>
							<a href="#">推荐好友</a>
						</li>
						<li>
							<a href="#">发货人管理</a>
						</li>
					</ul>
				</div>
				<div class="right col-lg-10 col-md-10">
					<div class="position hidden-xs hidden-sm">
						<a href="#">卖家中心</a>>
						<a href="#">控制台</a>
					</div>
					<div class="right_content">

						<div class="wait_task row">
							<h3 class="col-md-12">待处理事项</h3>
							<div class="col-md-3 col-xs-6" id="">
								<p>30</p>
								<p>待发货</p>
							</div>
							<div class="col-md-3  col-xs-6" id="">
								<p>10</p>
								<p>未结款</p>
							</div>
							<div class="col-md-3  col-xs-6" id="">
								<p>20</p>
								<p>求购信息</p>
							</div>
							<div class="col-md-3 col-xs-6" id="">
								<p>15</p>
								<p>还价回复</p>
							</div>
						</div>
						<div class="row">
							<div class="col-md-6">
								<div class="item">
									<div class="operation">
										<a href="#"><i class="icon glyphicon glyphicon-book"></i>报盘管理</a>
									</div>
									<ul>
										<li>本周新增<i>6</i></li>
										<li>未通过审核<i>4</i></li>
										<li>议价报盘<i>10</i></li>
										<li>未上架<i>9</i></li>
									</ul>
								</div>

							</div>
							<div class="col-md-6">
								<div class="item">
									<div class="operation">
										<a href="#"><i class="icon glyphicon glyphicon-list-alt"></i>订单管理</a>
									</div>
									<ul>
										<li>已发货订单<i>13</i></li>
										<li>理赔订单<i>3</i></li>
										<li>待仲裁订单<i>2</i></li>

									</ul>
								</div>
							</div>
							<div class="col-md-6">
								<div class="item">
									<div class="operation">
										<a href="#"><i class="icon glyphicon glyphicon-usd"></i>财务管理</a>
									</div>
									<ul>
										<li>已结款<i>20</i></li>
										<li>待结款<i>10</i></li>
									</ul>
								</div>
							</div>
							<div class="col-md-6">
								<div class="item">
									<div class="operation">
										<a href="#"><i class="icon glyphicon glyphicon-globe"></i>期货中心</a>
									</div>
									<ul>
										<li>已预付<i>15</i></li>
										<li>已发运<i>20</i></li>
										<li>已到帐<i>12</i></li>
										<li>已完成<i>16</i></li>
									</ul>
								</div>
							</div>
							<div class="col-md-6">
								<div class="item">
									<h3>近7日销量趋势<span class="unit">单位：万元</span></h3>
									<table class="seven_days">
										<tr class="sum">
											<td >6.0</td>
											<td class="last_day" rowspan="4">
												<div>
													<span>3.9</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>3.2</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>5.1</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>4.4</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>5.7</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>3.0</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>4.6</span>
													<div class="bar"></div>
												</div>
											</td>
										</tr>
										<tr>
											<td>4.5</td>
										</tr>
										<tr>
											<td>3.0</td>
										</tr>
										<tr>
											<td>1.5</td>
										</tr>
										<tr>
											<td></td>
											<td>8/1</td>
											<td>8/2</td>
											<td>8/3</td>
											<td>8/4</td>
											<td>8/5</td>
											<td>8/6</td>
											<td>8/7</td>
										</tr>
									</table>
								</div>
							</div>

							<div class="col-md-6">
								<div class="item">
									<h3>昨日销量<span class="unit">单位：元</span></h3>
									<table class="yesterday">
										<tr class="time_range">
											<td>8000</td>
											<td class="zero" rowspan="4">
												<div>
													<span>3300</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>2500</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>7000</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>6000</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>7500</span>
													<div class="bar"></div>
												</div>
											</td>
											<td rowspan="4">
												<div>
													<span>6500</span>
													<div class="bar"></div>
												</div>
											</td>
										</tr>
										<tr>
											<td>6000</td>
										</tr>
										<tr>
											<td>4000</td>
										</tr>
										<tr>
											<td>2000</td>
										</tr>
										<tr>
											<td></td>
											<td>04:00</td>
											<td>08:00</td>
											<td>12:00</td>
											<td>16:00</td>
											<td>20:00</td>
											<td>24:00</td>
										</tr>
									</table>
								</div>
							</div>
							<div class="col-md-6 notice">
								<div class="item">
									<h3>新闻公告</h3>
									<ol>
										<li><a href="">平台规则调整公告</a></li>
										<li><a href="">部分商品禁售通知</a></li>
										<li><a href="">食品卖家经营许可证上传改版通知</a></li>
									</ol>

								</div>
							</div>
							<div class="col-md-6 customer-service">
								<div class="item">
									<h3>平台专属客服</h3>
									<p><span class="glyphicon glyphicon-user"></span>张三</p>
									<p><span class="glyphicon glyphicon-phone"></span>15011112222</p>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<i>多</i>产地多 业务广
					</div>
					<div class="col-md-3 col-sm-6">
						<i>快</i>快速授信 快速融资
					</div>
					<div class="col-md-3 col-sm-6">
						<i>好</i>操盘存货 灵活监管
					</div>
					<div class="col-md-3 col-sm-6">
						<i>省</i>产地直销 费用更省
					</div>
					<p>
						<a href="#">购物流程</a>
						<a href="#">支付方式</a>
						<a href="#">配送方式</a>
						<a href="#">售后服务</a>
						<a href="#">联系我们</a>
					</p>
					<p>网站备案：京ICP证123456号</p>
					<p>Copyright &copy; 2016 xx电商</p>
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>

</html>